<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta charset="utf-8">
<title>jquery.awesomeCloud Demo</title>
<meta name="description" content="A Word Cloud plugin for jQuery.">
<meta name="viewport" content="width=device-width,initial-scale=1">
<script
	src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="../js/cloud/jquery.awesomeCloud-0.2.min.js"></script>
<style type="text/css">
.wordcloud {
	border: 1px solid #036;
	height: 7in;
	margin: 0.5in auto;
	padding: 0;
	page-break-after: always;
	page-break-inside: avoid;
	width: 7in;
}
</style>
</head>

<body>
	<header>
		<h1>TESTE TAGCLOUD.</h1>
		<h2>jquery</h2>
	</header>

	<div role="main">
		<p>Square, automatic scaling, print-ready, randomized word order</p>
		<div id="wordcloud1" class="wordcloud">
			<c:forEach var="stem" items="${ stems }">
		    	<span data-weight="<c:out value="${ stem.freq }"></c:out>"><c:out value="${ stem.stem }"></c:out></span>
		    </c:forEach>
		 </div> <!-- Fim #wordcloud1 -->
	</div> <!-- Fim main -->

</body>
</html>